<template>
  <!--首页轮播图的结构-->
  <div class="review-container">
    <h2>往期回顾</h2>
    <div class="swiper">
      <div class="container">
        <div class="block text-center">
          <el-carousel
            :interval="0"
            type="card"
            height="40vw"
            indicator-position="none"
          >
            <el-carousel-item v-for="item in previousReviewArray" :key="item">
              <a :href="item.web" target="_blank">
                <div class="img">
                  <img :src="item.img" :alt="item.title" />
                </div>
                <span class="title">
                  {{ item.title }}
                </span>
                <p class="text">
                  {{ item.txt }}
                </p>
              </a>
            </el-carousel-item>
          </el-carousel>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup name="Carousel">
      let previousReviewArray = [
        {
        img: "src/assets/home/previousReview/2022.webp",
        title: "2022 构建安全可信的数字世界",
        txt: "2022年西湖论剑·网络安全大会由浙江省互联网信息办公室、 浙江省经济和信息化厅、浙江省公安厅、浙江省科学技术协会、浙江省工商业联合会、 浙江省通信管理局、杭州市人民政府主办，拟于2022年7月2日-3日召开，主题为“构建安全可信的数字世界”",
        web: "https://2022.gcsis.cn/",
        },
        {
        img: "src/assets/home/previousReview/2021.webp",
        title: "2021 安全:数字化改革之根本",
        txt: "2021年的西湖论剑大会于4月24日在杭州国际博览中心举办，本届大会主题为 “安全：数字化改革之根基”。届时，大会邀请相关主管部门领导、国内外知名专家学者、网络信息安全行业从业者们，共同解读中国网络信息安全产业政策、法规、行业标准等，厘清网络信息安全发展方向。",
        web: "https://2021.gcsis.cn/",
        },
        {
        img: "src/assets/home/previousReview/2020.webp",
        title: "2020 数治安全 智理未来",
        txt: "2020西湖论剑·网络安全线上峰会，主题为“数治安全 智理未来”。通过北京、杭州两地直播间同步连线直播的形式，聚焦后疫情时代的网络安全新业态、新模式，延续两会的热议话题，邀请政府主管部门领导、知名专家学者和网络安全专家“云聚集”，系统解读数字中国发展浪潮中的智慧城市安全、大数据安全、云安全、5G安全、工业互联网安全等多领域方向的最新成果，共推数字世界新时代。",
        web: "https://2020.gcsis.cn/",
        },
        {
        img: "src/assets/home/previousReview/2019.webp",
        title: "2019 安全：赋能数字新时代",
        txt: "2019年4月19日-21日在杭州国际博览中心隆重举行的主题为“安全：赋能数字新时代”的西湖论剑网络安全大会，邀请政府主管部门、知名专家学者和优秀企业家作为主讲嘉宾，系统解读政府在构建数字技术、数字经济、数字政府、数字社会等领域顶层设计，",
        web: "https://2020.gcsis.cn/review/2019/",
        },
        {
        img: "src/assets/home/previousReview/2018.webp",
        title: "2018 新时代 新安全 新力量",
        txt: "2018年4月27日，2018西湖论剑·网络安全大会在浙江杭州国际博览中心隆重召开，设置了主论坛和工业互联网信息安全、智慧城市信息安全、应急响应及威胁情报等8个分论坛。中国科学院院士、中国工程院院士、联合国犯罪和司法研究所技术与安全项目负责人、全球顶级网安企业代表、主管部门网络安全业务负责人等国内外知名专家学者和行业内优秀企业家围绕网络空间安全战略、关键信息基础设施保护、产业发展趋势、人才培养等领域进行了深度交流，",
        web: "https://2021.gcsis.cn/review/2018/index.html",
        },
        {
        img: "src/assets/home/previousReview/2017.webp",
        title: "2017 智引新安全 数领大未来",
        txt: "2017西湖论剑（中国网络安全创新分享大会）在世界互联网大会永久举办地桐乡乌镇举行。 2017西湖论剑由中央网信办网络安全协调局、公安部网络安全保卫局、国家信息中心、浙江省网信办、浙江省公安厅、浙江省经信委、浙江省科技厅、浙江省通管局联合指导，中国网络空间安全协会、中国信息产业商会信息安全产业分会主办，杭州安恒信息技术有限公司承办。",
        web: "https://2021.gcsis.cn/review/2017/index.html",
        },
        {
        img: "src/assets/home/previousReview/2016.webp",
        title: "2016 安若磐石，云之可栖",
        txt: "2016年10月16日下午，2016杭州·云栖大会火爆了4天之后，在杭州云栖小镇国际会展中心落下帷幕。本届大会是今年继G20杭州峰会之后，杭州举办的首个吸引全球科技人才的大会，也是在国内科技创新及互联网等领域有着极大影响力。",
        web: "https://2021.gcsis.cn/review/2016/index.html",
        },
    ];
</script>

<style scoped lang="scss">
  .review-container{
    padding-top: 4vw;
    width: 100%;
    height: 50vw;
    .swiper {
      margin-top: 5vw;
      height: 40vw;
      position: relative;
      .container {
        margin: 0 auto;
        width: 100%;
        height: 520px;
        position: relative;
        .el-carousel__item {
          height: 520px;
          background-color: #fff;
          text-align: center;
          border-radius: 1.0417vw;
          border: solid white 1px;
          .img {
            overflow: hidden;
            img {
              width: 100%;
              height: 300px;
              transition: all 0.25s;
              overflow: hidden;
              
            }
            img:hover {
              scale: (1.1);
            }
          }
          .title {
            display: inline-block;
            margin-top: 2.0833vw;
            font-size: 1.4583vw;
          }
          .text {
            color: #777;
            width: 25vw;
            height: 8vw;
            margin-top: 1.0417vw;
            font-size: .8333vw;
            line-height: 1.5625vw;
            overflow: hidden;
            display: inline-block;
          }
        }
      }
    }
  }
</style>

  